page{
  font-size: 28px;
  color: #333;
  background: #f1f4f5;
}

.flex{
  display: flex;
  flex-direction: row;
}

/*基本布局*/
.flex.col{
  flex-direction: column;
}

.flex.center{
  align-items: center;
}
.flex.between{
  justify-content: space-between;
}

.flex.wrap{
  flex-wrap: wrap;
}

.flex>.flex1{
  flex: 1;
}
.flex.flex_end{
  justify-content: flex-end;
}


/*基本样式*/
.bottom30{
  margin-bottom: 30px;
}
.right10{
  margin-right: 10px;
}

.one_ellipsis{
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.two_ellipsis{
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*公共颜色*/
.color_ff0033{
  color: #ff0033 !important;
}

.border_ff0033{
  border-color: #ff0033 !important;
}

.color_ff3b62{
  color: #ff3b62;
}

.color_ff9979{
  color: #ff9979 !important;
}

.color_707070{
  color: #707070;
}

.kong{
  position: relative;
  width: 100%;
  height: 100px;
  line-height: 100px;
}